﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="~/Content/PC/css/public.css" rel="stylesheet" />
    <link href="~/Content/PC/css/style.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="~/Content/PC/layui/layui.js"></script>
    <link href="~/Content/PC/css/swiper.min.css" rel="stylesheet" />
    <script>

        layui.use(['element', 'laytpl'], function () {
            var $ = layui.jquery
            , element = layui.element(),//Tab的切换功能，切换事件监听等，需要依赖element模块
            laytpl = layui.laytpl;
            $.post('/Home/HomeBind', function (data) {
                if (data.success) {
                    $('#ProductTypeList').html('');
                    var getTpl = $('#HomeType').html();
                    $.each(data.data.newProductTypeList, function (i, r) {
                        r.Index = i + 1;
                        laytpl(getTpl).render(r, function (html) {
                            $('#ProductTypeList').append(html);
                        });
                    })
                    var getTpl1 = $('#crossType').html();
                    $('.crossProductType').append("<li><a href='/Home/index'>首页</a></li>")
                    $.each(data.data.newProductTypeList, function (i, r) {
                        r.Index = i + 1;

                        laytpl(getTpl1).render(r, function (html) {
                            $('.crossProductType').append(html);
                        });
                    })
                    var getTpl3 = $('#Cooperation').html();
                    $.each(data.data.Cooperation, function (i, r) {
                        r.Index = i + 1;
                        laytpl(getTpl3).render(r, function (html) {
                            $('#CooperationList').append(html);
                        });
                    })
                    var getTpl4 = $('#system').html();
                    $.each(data.data.systmelist, function (i, r) {
                        r.Index = i + 1;
                        laytpl(getTpl4).render(r, function (html) {
                            $('#systemList').append(html);
                        });
                    })
                    $('#systemList').append("<p>版权所有@国玉艺术品交易</p>");
                }
            })
        });
    </script>
    <script type="text/template" id="HomeType">
        <dl class="clearfix">
            <dt><a href="/Product/ProductSearch?TypeName={{d.Name}}&&TypeID={{d.ParamID}}">{{d.Name}}</a></dt>
            {{#  $.each(d.ChildList, function (i, r) {}}
            <dd><a href="/Product/ProductSearch?TypeName={{d.Name}}&TypeID={{d.ParamID}}&ChildTypeName={{r.Name}}&&ChildID={{r.ChildID}}">{{r.Name}}</a></dd>
            {{# })}}
        </dl>
    </script>
    <script type="text/template" id="crossType">
        <li><a href="/Product/ProductSearch?TypeName={{d.Name}}&&TypeID={{d.ParamID}}">{{d.Name}}</a></li>
    </script>
    <script type="text/template" id="Cooperation">
        <li><a target="_blank" href="{{d.BannerURL}}"><img src="{{d.Image}}"></a></li>
    </script>
    <script type="text/template" id="system">
        <span>{{d.SystemKey}}: {{d.SystemValue}}</span>
    </script>
</head>
<body style="background-color: #fff;">
    <header>
        <div class="headTop">
            <div class="container clearfix">
                <p class="fl">Hi~欢迎来到国玉艺术品交易!</p>
                <p class="fr"><a href="/Auto/AutoInfo?ID=1" style="padding-right:20px;">关于我们</a><a href="/Auto/AutoInfo?ID=2">联系我们</a></p>
            </div>
        </div>
        <div class="head container clearfix">
            <div class="fl logo">
                <h1><a href="/home/index" title="国玉艺术品交易">国玉艺术品交易</a></h1>
            </div>
            <div class="fl seach">
                <input class="seachBox" type="text" id="Search" placeholder="请输入藏品名称或关键词">
                <input class="seachBtn" type="button" value="" onclick="location = '/Product/ProductSearch?Search=' + $('#Search').val()">
            </div>
            <div class="fl head_r"><img src="/Content/PC/images/ewm.jpg"><img src="/Content/PC/images/ewm.jpg"></div>
        </div>
        <div class="nav nav_team">
            <div class="container clearfix">
                <div class="fl navBox">
                    <div class="navBox_a">
                        <a class="navBox_b" href="#">商品分类</a>
                        <div class="navBox_c" id="ProductTypeList">
                           
                        </div>
                    </div>
                </div>
                <div class="fl navsub">
                    <ul class="clearfix crossProductType">
                       
                    </ul>
                </div>
            </div>
        </div>
    </header>

    @RenderBody()
    <footer class="foot">
        <div class="footBox">
            <ul class="foot_u clearfix crossProductType"></ul>
            <div class="foot_b" id="systemList">

            </div>
        </div>
    </footer>
</body>
</html>